import Image1 from "@/assets/tabel-1.png";
import React, { Component } from "react";
import { Overlay } from "react-vant";

import styles from "./index.module.scss";

class PersonalInformation extends Component {
  constructor(props) {
    super(props);

    this.state = {
      show: false,
    };
  }

  componentDidMount() {}

  open() {
    this.setState({
      show: true,
    });
  }

  close() {
    this.setState({
      show: false,
    });
  }

  render() {
    return (
      <>
        <Overlay
          zIndex={99}
          onClick={() => {
            this.close();
          }}
          visible={this.state.show}
          className={styles.overlayContianer}
        >
          <div className={styles.container}>
            <div className={styles.scrollerContainer}>
              <p>一、信息收集范围及目的</p>
              <p>
                亲爱的消费者，我们致力于保护您的隐私，当您阅读完本《个人信息处理规则》（“本规则”）并勾选”同意获取个人基础信息”并继续访问本次活动的活动页面，即表明您理解并同意本规则，并愿意向费列罗贸易（上海）有限公司（“费列罗”或“我们”）及我们委托的第三方提供参与本次活动所必须的个人基础信息：[祝福接收者姓名、祝福语]（
                “必要信息”），并许可主办方基于本活动目的而使用该等信息。费列罗贸易(上海)有限公司作为个人信息处理者将遵循所有适用的法律法规。您有权拒绝提供必要信息，但请理解这种拒绝将导致我们从技术角度无法为您提供活动配套服务，因此您将无法参加本次活动。
              </p>
              <p>二、第三方插件</p>
              <p>
                <img
                  src={Image1}
                  style={{ maxWidth: "100%", width: "100%" }}
                  alt=""
                />
              </p>

              <p>三、 谁能够接触到您的个人信息 </p>
              <p>
                您的个人信息可能会被委托给以下实体或个人（统称“受托人”）进行处理：{" "}
              </p>
              <p>
                •正式任命的受托人，该等受托人将代表费列罗并根据其指示提供特定的处理或配套服务，费列罗将根据法律要求与其签订相关信息处理协议并监督其信息处理活动。此外，在签订所需的数据处理协议之前，其数据保护能力已经通过了费列罗的检查；{" "}
              </p>
              <p>
                •经费列罗挑选并授权处理必要个人信息的人员，其处理数据以便开展与通过本小程序提供服务所密切相关的活动（例如技术支持），其承担有保密义务或受制于适当的法律保密义务的约束（例如：费列罗的员工）。
              </p>
              <p>个人信息的安全性 </p>
              <p>
                所有收集和处理的您的个人信息都将被依法采取必要的安全措施进行存储、处理，如加密和去标识化措施、访问控制措施等，以便最大限度地降低其被破坏、丢失（包括意外丢失）、未经授权而被接触/被使用或被用于与原先收集目的不同之目的等风险。该等措施将由费列罗通过采取技术上、组织上的安全措施来实现。{" "}
              </p>
              <p>个人信息的保存</p>
              <p>
                费列罗将仅基于实现服务提供目的所必需的期限而保存该等个人信息，具体而言：{" "}
              </p>
              <p>
                •对未选择同意费列罗获取其个人信息的参与者，我们将不会保留您的任何信息；{" "}
              </p>
              <p>
                •对仅选择同意费列罗获取其必要信息的参与者，我们将在本次活动结束（即2024年2月29日）后删除您提供的必要信息；{" "}
              </p>
              <p>
                但是，如果我们需要您的个人信息来解决有关服务的任何索赔，或保护费列罗的利益（因服务提供目的而可能承担的潜在责任），在法律所允许的范围内您的个人信息将被保存更长的时间。{" "}
              </p>
              <p>作为数据主体，您随时有权行使如下权利： </p>
              <p>
                •有权就您的个人信息是否正由费列罗处理获得确认，查阅该等数据并获取该等数据的副本;{" "}
              </p>
              <p>
                •当您的个人信息可能不准确或不完整时，有权更正、补充该等数据;{" "}
              </p>
              <p>
                •如您认为数据处理是不必要的或者是非法的，有权获得对您的个人信息予以删除或将个人信息匿名化处理的权利，有权封锁非法处理的数据或对该数据处理设置限制;{" "}
              </p>
              <p>
                •如您认为被处理的个人信息不准确，或该数据处理是不必要的或非法的，以及您反对数据处理，您有权撤回个人信息的授权同意;{" "}
              </p>
              <p>
                同时，任何时候，您有权向我们的隐私部门提出相关要求、投诉或举报、要求行使由现时生效法律所赋予的各项权利，要求我们对个人信息处理规则进行解释说明，您的要求可通过【费列罗消费者热线：400-880-6266（9:00-18:00，节假日除外）】或下述电子邮箱地址
                privacy.china@ferrero.cn
                提出。您也可以随时通过【祝福定制页面的“个人信息处理规则”链接】再次阅读本个人信息处理规则。{" "}
              </p>
            </div>

            <i
              onClick={() => {
                this.close();
              }}
              className={styles.close}
            ></i>
          </div>
        </Overlay>
      </>
    );
  }
}

export default PersonalInformation;
